<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	    		xmlns:ui="http://java.sun.com/jsf/facelets"
	  			xmlns:h="http://java.sun.com/jsf/html"
	  			xmlns:f="http://java.sun.com/jsf/core"
                xmlns:s="http://jboss.com/products/seam/taglib"
      			xmlns:rich="http://richfaces.org/rich"
      			xmlns:c="http://java.sun.com/jstl/core"
				xmlns:a4j="http://richfaces.org/a4j">
				
<br/>				
	<s:div id="conteudoGeral" styleClass="forms" style="width: 95%">
		<a4j:outputPanel>
		
		<div class="formCenter prefix_1 grid_14">
            <h1>Dados Paciente</h1>
            <fieldset>
            	<legend>Dados Paciente</legend>
                <ul>
                	<li>
                    	<label class="grid_3">CPF:</label>
                        <div class="grid_10">
                        	<h:inputText id="campoCpf" value="#{paciente.cpf}" class="inputM2" required="true"/>
                        	<rich:message for="campoCpf">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        	<rich:jQuery selector="#campoCpf" query="setMask('cpf')"/>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Nome Completo:</label>
                        <div class="grid_10">
                        	<h:inputText id="campoNome" value="#{paciente.nome}" styleClass="full" required="true"/>
                        	<rich:message for="campoNome">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        </div>
                    </li>
                    <!--li>
                    	<label class="grid_3">Sexo:</label>
                        <div class="grid_10">
                            <select name="sexo">
                                <option>Escolha uma opção</option>
                                <option>Masculino</option>
                                <option>Feminino</option>
                            </select>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Convênio:</label>
                        <div class="grid_10">
                            <select name="convenio">
                                <option>Escolha uma opção</option>
                                <option>Amil</option>
                                <option>Golden Cross</option>
                                <option>Alianza</option>
                                <option>Sulamérica</option>
                                <option>OdontoPrev</option>
                                <option>Sulamérica</option>
                                <option>Green Line</option>
                            </select>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Data de Nascimento:</label>
                        <div class="grid_10">
                     		<rich:calendar></rich:calendar>
                        </div>
                    </li-->
                </ul>
            </fieldset>
            
            <h1>Endereço</h1>
            <fieldset>
            	<legend>Palavra Chave</legend>
                <ul>
                    <li>
                    	<label class="grid_3">Nome do Logradouro:</label>
                        <div class="grid_10">
                        	<h:inputText id="campoLogradouro" value="#{paciente.logradouro}" styleClass="inputM" required="true"/>
                        	<rich:message for="campoLogradouro">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Cep:</label>
                        <div class="grid_10">
                        	<h:inputText id="campoCep" value="#{paciente.cep}" size="9"/>
                        	<rich:message for="campoCep">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        	<rich:jQuery selector="#campoCep" query="setMask('cep')" required="true"/>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Bairro:</label>
                        <div class="grid_10">
                        	<h:inputText id="campoBairro" value="#{paciente.bairro}" styleClass="inputM" required="true"/>
                        	<rich:message for="campoBairro">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Cidade:</label>
                        <div class="grid_10">
                            <h:inputText id="campoCidade" value="#{paciente.cidade}" styleClass="inputM" required="true"/>
                            <rich:message for="campoCidade">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Complemento:</label>
                        <div class="grid_10">
                        	<h:inputText id="campoComplemento" value="#{paciente.complemento}" styleClass="inputM" />
                        	<rich:message for="campoComplemento">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        </div>
                    </li>
        </ul>
            </fieldset>
            
         <h1>Contato</h1>
            <fieldset>
            	<legend>Palavra Chave</legend>
                <ul>
           	        <li>
                    	<label class="grid_3">Telefone Fixo:</label>
                        <div class="grid_10">
                        	<h:inputText id="telFixo" value="#{paciente.foneFixo}" styleClass="inputM2" required="true"/>
                        	<rich:message for="telFixo">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        	<rich:jQuery selector="#telFixo" query="setMask('telefoneDDD')"/>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Celular:</label>
                        <div class="grid_10">
                        	<h:inputText id="telCelular" value="#{paciente.foneCelular}" styleClass="inputM2" required="true"/>
                        	<rich:message for="telCelular">
		                        <f:facet name="errorMarker">
		                            <h:graphicImage value="/img/error.gif" />   
		                        </f:facet>
		                    </rich:message>
                        	<rich:jQuery selector="#telCelular" query="setMask('telefoneDDD')"/>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">Tel. Comercial:</label>
                        <div class="grid_10">
                        	<h:inputText id="telComercial" value="#{paciente.foneComercial}" styleClass="inputM2" />
                        	<rich:jQuery selector="#telComercial" query="setMask('telefoneDDD')"/>
                        </div>
                    </li>
                    <li>
                    	<label class="grid_3">E-mail:</label>
                        <div class="grid_10">
                        	<h:inputText value="#{paciente.email}" styleClass="inputM"/>
                        </div>
                    </li>
             	</ul>
             </fieldset>
        </div>
        
        <div>
        	<p class="txtCO">Campos Obrigatórios<span>*</span></p>
            <div class="btnAcoes2">
            	<a4j:commandButton action="#{pacienteAction.salvarPaciente}" value="Salvar" />
            </div>
        </div>
		</a4j:outputPanel>
		
	</s:div>
</ui:composition>